/* pages/praise/index.wxss */
.praise {
  .page-content {
    display: flex;
    flex-direction: column;

    .content-top {
      flex: 1;
      // border: 1px solid red;
      overflow: hidden;
      display: flex;
      flex-direction: column;

      .top {
        position: relative;
        width: 100%;
        height: 356rpx;

        .top-bg {
          width: 100%;
          height: 100%;
        }

        .top-title {
          position: absolute;
          left: 0;
          width: 100%;
          font-size: 17px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 400;
          color: #FFFFFF;
          display: flex;
          align-items: center;
          justify-content: center;

          // border:1px solid red;
          .back {
            position: absolute;
            left: 40rpx;
          }
        }
      }

      .banner {
        width: 100%;
        height: 100rpx;
        position: relative;

        .banner-image {
          position: absolute;
          left: 50%;
          width: 690rpx;
          height: 350rpx;
          transform: translate(-50%, -170rpx);
          border-radius: 10rpx;
        }
      }

      .praise-text {
        // border: 1px solid blue;
        flex: 1;
        overflow: auto;

        .text {
          padding: 0 29rpx;
          box-sizing: border-box;
          margin: 20rpx 0;
          font-size: 24rpx;
          font-weight: 400;
          color: #000000;
          line-height: 45rpx;
        }

        .items {
          margin: 0 auto;
          width: 692rpx;
          padding: 18rpx;
          box-sizing: border-box;
          background: #DDF0FB;
          border-radius: 4rpx;

          .item {
            font-size: 27rpx;
            font-weight: 500;
            color: #000000;
            line-height: 48rpx;
          }
        }
      }

    }

    .content-bottom {
      margin: 40rpx 0;
      display: flex;
      align-items: center;
      justify-content: center;

      .btn-back-home {
        width: 690rpx;
        height: 80rpx;
        background: #009DFF;
        border-radius: 10rpx;
        font-size: 36rpx;
        font-weight: bold;
        color: #F5F5F5;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }

    .share {
      position: fixed;
      width: 99rpx;
      height: 99rpx;
      right: 13rpx;
      top: 480rpx;
      padding: 0;
      margin: 0;
      border-radius: 50%;
      background: none;

      image {
        width: 100%;
        height: 100%;
      }
    }

    .customer-service {
      position: fixed;
      width: 99rpx;
      height: 99rpx;
      right: 13rpx;
      top: 585rpx;
      padding: 0;
      margin: 0;
      border-radius: 50%;
      background: none;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }
}